<html>
<head>
<style type="text/css">
body {
	color: #063c80;
	font-family: Lucida Sans, Verdana, Arial, sans-serif;
	margin: 0;
	background-color: #CCC;
	font-size: 11pt;
}

#content {
	margin: 0 auto;
	width: 770px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

dl {
	margin-left: 15px;
}

dt {
	font-weight: bold;
	color: #022b5d;
}

h2, h3 {
	text-shadow: none;
	color: #011a38;
}

ul {
	list-style-type: none;
}
</style>

<script src="swfobject.js" type="text/javascript"></script>

<script type="text/javascript">
function updateMsgFromCpp()
{
	document.getElementById('span_msg').innerHTML = "updateMsgFromCpp(), Client.msg:" + Client.msg;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>

<div id="content">

<h2>Welcome!</h2>

<p>Document.write() at start:
	<script type="text/javascript">
		document.write("Client.welcomeMsg:"+Client.welcomeMsg);
	</script>
</p>

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>Test PNG<br><img src="test_alpha.png" width="256" height="64"></td>
    <td>Test SWF<br>
<script type="text/javascript" defer="defer">
/*
window.onload = function(){ 
		var so = new SWFObject('test.swf','player','256','64','8');
		so.addParam("allowfullscreen","true");
		so.addParam("bgcolor","#F0F0F0");
		so.addParam("wmode", "transparent");		
		so.write('mediaspace');
		};
		*/
	</script>     
<div id="mediaspace"> </div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="256" height="64">
<param name="movie" value="test.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="256" height="64" wmode="transparent"></embed></object>     
    </td>
  </tr>
</table>

<h3>&nbsp;</h3>

<div style="width: 60%; float:left; border-right: 1px solid #8cb6ea;">
  <h3>Controls</h3>
<ul>
    <li><b>ESC</b> - Go back to this page</li>
	<li><b>F2</b> - Switch transparency mode</li>
	<li><b>F3</b> - Reload this page</li>
	<li><b>F4</b> - Increase Page Zoom by 20%</li>
	<li><b>F5</b> - Decrease Page Zoom by 20%</li>
	<li><b>F6</b> - Load new page, on new plane</li>
	<!--<li><b>F6</b> - Print Message from javascript to Console</li>//-->
</ul>
Use keyboard numpad, page up/down, home/end to move.
<h3>System Info</h3>
	<dl>
    <dt>Render System</dt>
		<dd>Client.renderSystem:<script type="text/javascript">document.write(Client.renderSystem);</script></dd>
		<dt>Msg from Cpp:</dt>
		<dd><span id="span_msg">Default Value</span></dd>
	</dl>
</div>

<div style="width: 35%; padding-left: 10px; float:right;">
<!-- popup tests
<h3>Recommended Links</h3>
	<ul>
		<li><a href="index.html" target="_new">Test popup (_new)</a></li>
		<li><a href="index.html" target="_blank">Test popup2 (_blank)</a></li>		
		<li><a href="javascript:void(0);" onclick="window.open('index.html','new');">Test popup2 (JS)</a></li>		
  </ul>
-->      
	<h3>Recommended Links</h3>
	<ul>
		<li><a href="http://google.com">Google</a></li>		
		<li><a href="http://vimeo.com">Vimeo</a></li>
		<li><a href="http://youtube.com">YouTube</a></li>
		<li><a href="http://glimr.rubyforge.org/cake/redesign.html">CakeJS Stress Demo</a></li>
		<li><a href="http://artpad.art.com/artpad/painter/">ArtPad Painter</a></li>
		<li><a href="http://fireunit.org/jquery/test/">jQuery Test Suite</a></li>
	</ul>
	<ul>
		<li><a href="http://learningwebgl.com/webgl-cube/">Simple WebGL cube</a></li>
		<li><a href="http://spidergl.org/example.php?id=6">Spider WebGL demo</a></li>
	</ul>
	WebGL demos require to have a WebGL enabled Chromium build.
</div>

<script type="text/javascript">
if(window.Client)
	setInterval("Client.requestMsgFromJavascript()", 650);
</script>

</body>
</html>